<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/member.css">
    <link rel="stylesheet" href="./css/tabbar.css">
    <title>会员中心</title>
</head>

<body>
    <div class="main">
        <!-- header -->
        <div class="h">
            <div class="h_h">会员中心</div>
            <div class="h_content">
                <div class="h_icon">
                    <img src="./img/头像.png" alt class="img" />
                </div>
                <div class="h_m">
                    <div class="name">释放快乐的家园</div>
                    <div class="class">编号： 1386666888</div>
                </div>
                <div class="h_r">
                    <div>
                        等级：
                        <span>五级矿工</span>
                    </div>
                    <div>
                        <img src="./img/星星.png" alt />
                        <img src="./img/星星.png" alt />
                        <img src="./img/星星.png" alt />
                    </div>
                </div>
            </div>
            <!--  -->
            <div class="h_m_m">
                    <div class="h_m_l h_m_l_border">
                        直推人数
                        <span>18</span>
                    </div>
                    <div class="h_m_l">
                        团队人数
                        <span>18</span>
                    </div>
                </div>
            
        </div>
        <!-- money -->
        <div class="money_content">
                <div class="content">
                        <div class="content_1">
                            <div class="item">
                                <div class="num">998.56</div>
                                <div class="text">矿池资产</div>
                            </div>
                            <div class="item item-active">
                                <div class="num">1699.81</div>
                                <div class="text">可售余额</div>
                            </div>
                            <div class="item">
                                <div class="num">1548.00</div>
                                <div class="text">可售额度</div>
                            </div>
                        </div>
            
                        <div class="content_2">
                            <div class="item">
                                <div class="num">80.00</div>
                                <div class="text">矿机钱包</div>
                            </div>
                            <div class="item item-active">
                                <div class="num">1台</div>
                                <div class="text">有效矿机</div>
                            </div>
                            <div class="item">
                                <div class="num">0.56</div>
                                <div class="text">可售额度</div>
                            </div>
                        </div>
            
                        <div class="content_3">
                            <div class="item">
                                <div class="num">10.00</div>
                                <div class="text">团队算力</div>
                            </div>
                            <div class="item item-active">
                                <div class="num">0.56</div>
                                <div class="text">累计产量</div>
                            </div>
                            <div class="item">
                                <div class="num">0.00</div>
                                <div class="text">交易冻结</div>
                            </div>
                        </div>
                    </div>
        </div>
       

        <!-- 常用工具 -->
        <div class="tools">
            <!-- header部分 -->
            <div class="header">
                <span>常用工具</span>
            </div>
            <div class="con">
                <!-- 1 item -->
                <div class="con_item">
                    <div class="con_img">
                        <img src="./img/我要签到.png" alt />
                    </div>

                    <div class="con_title">我要签到</div>
                </div>
                <div class="con_item">
                    <div class="con_img">
                        <img src="./img/兑换管理.png" alt />
                    </div>

                    <div class="con_title">兑换管理</div>
                </div>
                <div class="con_item">
                    <div class="con_img">
                        <img src="./img/矿池资产.png" alt />
                    </div>
                    <div class="con_title">矿池资产</div>
                </div>
                <div class="con_item">
                    <div class="con_img">
                        <img src="./img/活动奖励.png" alt />
                    </div>
                    <div class="con_title">活动奖励</div>
                </div>

                <div class="con_item">
                    <div class="con_img">
                        <img src="./img/账户解封.png" alt />
                    </div>
                    <div class="con_title">账户解封</div>
                </div>

                <div class="con_item">
                    <div class="con_img">
                        <img src="./img/推广文案.png" alt />
                    </div>
                    <div class="con_title">推广文案</div>
                </div>

                <div class="con_item">
                    <div class="con_img">
                        <img src="./img/财务明细.png" alt />
                    </div>
                    <div class="con_title">财务明细</div>
                </div>

                <div class="con_item">
                    <div class="con_img">
                        <img src="./img/社群奖励.png" alt />
                    </div>
                    <div class="con_title">社群奖励</div>
                </div>
            </div>
        </div>

        <!-- 其它服务 -->
        <div class="header">
            <span>其它服务</span>
        </div>
        <div class="con">
            <!-- 1 item -->
            <div class="con_item">
                <div class="con_img">
                    <img src="./img/实名认证.png" alt />
                </div>

                <div class="con_title">实名认证</div>
            </div>
            <div class="con_item">
                <div class="con_img">
                    <img src="./img/个人资料.png" alt />
                </div>

                <div class="con_title">个人资料</div>
            </div>
            <div class="con_item">
                <div class="con_img">
                    <img src="./img/系统消息.png" alt />
                </div>
                <div class="con_title">系统消息</div>
            </div>
            <div class="con_item">
                <div class="con_img">
                    <img src="./img/更新公告.png" alt />
                </div>
                <div class="con_title">更新公告</div>
            </div>
        </div>
        <!-- 退出登录 -->
        <div class="TeamQuit">
            <div class>退出登录</div>
        </div>
    </div>



    </div>
    <div class="TabBar">
            <router-link to="/home" class="TabBarItem">
              <div>
                <img src="./img/tb-1.png" alt />
              </div>
              <div class="tabtext">首页</div>
            </router-link>
      
            <router-link to="/mine" class="TabBarItem">
              <div>
                <img src="./img/tb-2.png" alt />
              </div>
              <div class="tabtext">我的矿机</div>
            </router-link>
      
            <router-link to="/buy" class="TabBarItem">
              <div>
                <img src="./img/tb-3.png" alt />
              </div>
              <div class="tabtext">交易大厅</div>
            </router-link>
      
            <router-link to="/group" class="TabBarItem">
              <div>
                <img src="./img/tb-4.png" alt />
              </div>
              <div class="tabtext">我的团队</div>
            </router-link>
      
            <router-link to="/member" class="TabBarItem">
              <div>
                <img src="./img/tbActive-4.png" alt />
              </div>
              <div class="tabtext tabtextActive">会员中心</div>
            </router-link>
      
          </div>
</body>

</html>